<template>
	<div class="index">
		<!-- 头部内容 -->
		<fm-header></fm-header>
		<!-- 地图图层 -->
		<fm-base-map :visible="true"></fm-base-map>
		<!-- 地图加载 -->
		<fm-map></fm-map>
		<!-- 地图比例尺 -->
		<fm-scale-line></fm-scale-line>
		<!-- 地图层级缩放组件 -->
		<fm-zoom></fm-zoom>
		<!-- 鼠标位置展示组件 -->
		<fm-mouse-position></fm-mouse-position>
	</div>
</template>

<script>
import FmHeader from '@/layouts/fm-header.vue'
import FmMap from '@/components/fm-map/index.vue'
import FmBaseMap from '@/components/fm-base-map/index.vue'
import FmScaleLine from '@/components/fm-scale-line/index.vue'
import FmZoom from '@/components/fm-zoom/index.vue'
import FmMousePosition from '@/components/fm-mouse-position/index.vue'

export default {
	name: 'Index',
	components: {
		FmHeader,
		FmBaseMap,
		FmMap,
		FmScaleLine,
		FmZoom,
		FmMousePosition
	}
}
</script>
